<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
    <!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>ChinaZ</title>
	<meta name="description" content="">
	<meta name="author" content="">
	
    <!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <!-- CSS
  ================================================== -->
  	<link rel="stylesheet" href="css/zerogrid.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/slide.css">
	<link rel="stylesheet" href="css/menu.css">
	<!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
		<script src="js/html5.js"></script>
		<script src="js/css3-mediaqueries.js"></script>
	<![endif]-->
    
</head>
<body>
<div class="wrap-body">
	<!--////////////////////////////////////Header-->
	<header class="home-header">
		<div class="zerogrid">
			<div class="logo"><div><img src="images/foodLogo.jpg" /></div></div>
			<div class="logo-title">智能点餐系统</div>
		</div>
	</header>
    <!--//////////////////////////////////////Menu-->
    <a href="#" class="nav-toggle">Toggle Navigation</a>
    <nav class="cmn-tile-nav">
		<ul class="clearfix">
			<li class="colour-1"><a href="index.jsp">首页</a></li>
			<li class="colour-2"><a href="gallery.jsp">下午茶</a></li>
			<li class="colour-7"><a href="staff.jsp">鲜果购</a></li>
			<li class="colour-5"><a href="reservation.jsp">精选小吃</a></li>
			<li class="colour-4"><a href="archive.jsp">超市</a></li>
			<li class="colour-6"><a href="news.jsp">精选介绍</a></li>
			<li class="colour-8"><a href="menu.jsp">购物车</a></li>
			<li class="colour-7"><a href="login.jsp">登录</a></li>
			<li class="colour-2"><a href="manager.jsp">用户管理</a></li>
			<li class="colour-1"><a href="order.jsp">查看订单</a></li>
		</ul>
    </nav>
	
<!--////////////////////////////////////Container-->
<section id="container" class="sub-page">
	<div class="wrap-container zerogrid">
		<div class="crumbs">
			<ul>
				<li><a href="index.jsp">首页</a></li>
				<li><a href="gallery.jsp">下午茶</a></li>
			</ul>
		</div>
		<div id="main-content">
			<div class="wrap-content">
				<div class="row">
					<div class="col-1-4">
						<div class="zoom-container">
							<div>
								<span class="zoom-caption">
									<span class="shopName">1985咖啡生活馆</span>
									<p style="color: #fff;">起送：¥20 配送费：¥4</p>
								</span>
								<img src="http://p0.meituan.net/xianfu/5afb28c3fe4882b1c6647dcfa3435f4a258487.jpg" />
							</div>
						</div>
					</div>
					<div class="col-1-4">
						<div class="zoom-container">
							<div>
								<span class="zoom-caption">
									<span class="shopName">1點點（金山明珠店）</span>
									<p style="color: #fff;">起送：¥20 配送费：¥5</p>
								</span>
								<img src="http://p1.meituan.net/xianfu/f5e4ca936f8320df719ac139c6e2a2b77068.jpeg" />
							</div>
						</div>
					</div>
					<div class="col-1-4">
						<div class="zoom-container">
							<div>
								<span class="zoom-caption">
									<span class="shopName">绝味鸭脖（福新店）</span>
									<p style="color: #fff;">起送：¥68 配送费：¥30</p>
								</span>
								<img src="http://p1.meituan.net/xianfu/bb937d469c2cb7f44ca572797f295fbb35261.jpg" />
							</div>
						</div>
					</div>
					<div class="col-1-4">
						<div class="zoom-container">
							<div>
								<span class="zoom-caption">
									<span class="shopName">印克时光INCAKE旗舰店</span>
									<p style="color: #fff;">起送：¥90 免配送费</p>
								</span>
								<img src="http://p1.meituan.net/xianfu/a67eebd41b0216b6828585014d119060508808.jpg" />
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-1-4">
						<div class="zoom-container">
							<div>
								<span class="zoom-caption">
									<span class="shopName">煌上煌</span>
									<p style="color: #fff;">起送：¥69 配送费：¥8</p>
								</span>
								<img src="http://p1.meituan.net/xianfu/fd0ae29ff685f3f36b43dc2e1a84443f21499.jpg" />
							</div>
						</div>
					</div>
					<div class="col-1-4">
						<div class="zoom-container">
							<div>
								<span class="zoom-caption">
									<span class="shopName">一品良燕燕窝下午茶</span>
									<p style="color: #fff;">起送：¥80 免配送费</p>
								</span>
								<img src="http://p1.meituan.net/xianfu/80a47be5cab8ba9dec93cc808a9c72e465203.jpg" />
							</div>
						</div>
					</div>
					<div class="col-1-4">
						<div class="zoom-container">
							<div>
								<span class="zoom-caption">
									<span class="shopName">鱼叔叔的店</span>
									<p style="color: #fff;">起送：¥88 配送费：¥15</p>
								</span>
								<img src="http://p1.meituan.net/xianfu/ab6c1a79e7ca100e11dccfa9b12d561b124047.jpg" />
							</div>
						</div>
					</div>
					<div class="col-1-4">
						<div class="zoom-container">
							<div>
								<span class="zoom-caption">
									<span class="shopName">柠檬1号烘焙</span>
									<p style="color: #fff;">起送：¥88 免配送费</p>
								</span>
								<img src="http://p1.meituan.net/xianfu/f316709e0cda44f404bd57f1889b2bcb173686.jpg" />
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-1-4">
						<div class="zoom-container">
							<div>
								<span class="zoom-caption">
									<span class="shopName">舞爪·花椒鸡爪</span>
									<p style="color: #fff;">起送：¥88 配送费：¥6</p>
								</span>
								<img src="http://p1.meituan.net/xianfu/4b38b66949eeaadf8ea3a49be470e452201200.png" />
							</div>
						</div>
					</div>
					<div class="col-1-4">
						<div class="zoom-container">
							<div>
								<span class="zoom-caption">
									<span class="shopName">果珍好</span>
									<p style="color: #fff;">起送：¥15 配送费：¥3</p>
								</span>
								<img src="http://p1.meituan.net/xianfu/36d632a646aaea7aa76de4bf1f035f8031763.jpg" />
							</div>
						</div>
					</div>
					<div class="col-1-4">
						<div class="zoom-container">
							<div>
								<span class="zoom-caption">
									<span class="shopName">麦点烘焙</span>
									<p style="color: #fff;">起送：¥0 免配送费</p>
								</span>
								<img src="http://p0.meituan.net/xianfu/4a7622a9238707c3a5b1ca37e702cc6f123004.jpg" />
							</div>
						</div>
					</div>
					<div class="col-1-4">
						<div class="zoom-container">
							<div class="box">
								<span class="zoom-caption">
									<span class="shopName">美芝晨</span>
									<p style="color: #fff;">起送：¥20 配送费：¥4</p>
								</span>
								<img src="http://p0.meituan.net/xianfu/04da4d49958012600b2d4ee95780cfca25581.jpg" />
							</div>
						</div>
					</div>
				</div>
			</div>
		</div> 
	</div>
</section>

<!--////////////////////////////////////Footer-->
<footer class="zerogrid">
	<div class="wrap-footer">
		<div class="row">
			<div class="col-1-3">
				<div class="wrap-col">
				</div>
			</div>
			<div class="col-1-3">
				<div class="wrap-col">
					<h4>联系客服</h4>
					<p>0594-1234567</p>
					<p>周一至周日 9:00-23:00</p>
					<p>客服不受理商务合作</p>
				</div>
			</div>
		</div>
	</div>
	<div class="copyright">
		<div class="wrapper">
			<a target="_blank" href="#"></a>
			<ul class="quick-link f-right">
			</ul>
		</div>
	</div>
</footer>


	<!-- js -->
	<script src="js/jquery-1.11.3.min.js"></script>
	<script src="js/classie.js"></script>
	<script src="js/demo.js"></script>
	<script type="text/javascript">
		$('.zoom-container').click(function() {
			window.location.href = "shopDetail.jsp";
	  		var name = $(this).find('.shopName').text();
	  		localStorage.shopName = name;
		});
	</script>
</div>
</body></html>